<template>
  <div class="q-pa-md">
    <t-btn color="purple" @click="showNotif" label="Show Notification" />
  </div>
</template>

<script>
  import { useQuasar } from '@teld/q-components';

  export default {
    setup() {
      const $q = useQuasar();

      return {
        showNotif() {
          $q.notify({
            message: 'Jim pinged you.',
            color: 'purple',
          });
        },
      };
    },
  };
</script>
